<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/style.css"/>
	</head>
	<body>
		<!--第一行-->
		<div class="box">
			<div class="box1 cf">
				<div class="box1-1"><h3><a href="#">composure</a></h3></div>
				<div class="box1-2">
					<p>Creative Html template</p>
					<p>Call us toll free: +2 000 123 45 67</p>
				</div>
				<div class="box1-3">
					<form action="#">
						<input type="text" class="sousuo" value="Seach" />
						<img src="images/sousuo.png" class="suocha"/>
					</form>
				</div>
	        </div>
	        <!--第二行-->
		        <div class="box2 cf">
		        	<div class="box2left">
		        		<ul class="home">
		        			<li class="box2a"><a href="#">Home</a></li>
		        			<li class="box2a"><a href="#">Blog</a></li>
		        			<li class="box2a"><a href="#">Shop</a></li>
		        			<li class="box2a"><a href="#">Services</a></li>
		        			<li class="box2a"><a href="#">Portfolio</a></li>
		        			<li class="box2a"><a href="#">About us</a></li>
		        			<li class="box2a"><a href="#">Contact us</a></li>
		        		</ul>
		        	</div>
		        	
		        	<div class="box2-right">
		        		<input type="submit"  class="join" value="Join us" />
		        		<input	type="submit" class="login" value="Login"/>
		        	</div>
		        	
		        </div>
		</div>
		
		
		<!--第三行kong-->
		<div class="kong"></div>
		
		<!--第四行-->
		<div class="box3 cf">
			<div class="box3-1 cf">
				<div class="imgp"><img src="images/phone.png"/></div>
				<div class="contact">contact us</div>
			</div>
			<div class="box3-2">
				Nullam ut commodo velit. Quisque sit amet arcu nisi. Sed id massa et mauris lacinia condimentum. In luctus suscipit laoreet. Suspendisse a arcu quis neque tincidunt posuere sagittis ac lacus. Aenean tristique accumsan ipsum vitae molestie. Etiam vulputate.
			</div>
			<div class="box3-3">
				<input type="text"  class="text" value="Your Name"/>
				<input type="text" class="text2" value="Your Email"/>
				<input type="text" class="text" value="Your Website"/>
				<input type="text" class="text1" value="Your Message"/>
			</div>
			
			<div class="box3-4">
				<input type="submit"  class="text4" value="Send Message" />
			</div>
			
		</div>
		<!--尾部-->
		
  <div class="box4">
	<div class="box4b cf">
		<!--右边1-->
		<div class="box4-1 cf">
			<div class="imgs"><img src="images/ss.png" /></div>
			<div class="box41">
				<h5>About Company</h5>
				<div class="info">Nullam ut commodo velit. Quisque sit amet arcu nisi. Sed id massa et mauris lacinia condimentum. In luctus suscipit laoreet. Suspendisse a arcu quis neque tincidunt posuere sagittis ac lacus. Aenean tristique accumsan ipsum vitae molestie. Etiam vulputate.</div>
			</div>
		</div>
		<!--右边2-->
		<div class="box4-2 cf">
			<div class="box41 cf">
				<h5>Support</h5>
				<div class="box42">
					<ul>
						<li>Support home</li>
						<li>Surface Support</li>
						<li>Knowledge base</li>
					</ul>
				</div>
			</div>
		</div>
		<!--右边3-->
		<div class="box4-3 cf">
			<div class="box431 cf">
				<div class="hdei"><h5>Downloads</h5></div>
				<div class="box43">
					<ul>
						<li>Microsoft Office</li>
						<li>Windows 8</li>
						<li>Skype</li>
						<li>Surface User Guide</li>
					</ul>
				</div>
			</div>

		</div>
		<!--右边4-->
		<div class="box4-4"></div>
		<div class="box431 cf">
				<div class="hdei"><h5>Support</h5></div>
				<div class="box43">
					<ul>
						<li>Support home</li>
						<li>Surface Support</li>
						<li>Knowledge base</li>
						
					</ul>
				</div>
			</div>
	</div>
	<div class="boxo">
		<div class="boxo1 cf">
			<div class="boxoleft">© 2013 M-elgendy - All rights reserved.</div>
			<div class="boxoright">
				<ul>
					<li><img src="images/04.png"/></li>
					<li><img src="images/03.png"/></li>
					<li><img src="images/02.png"/></li>
					<li><img src="images/01.png"/></li>
					
					
				</ul>
			</div>
		</div>
	</div>
  </div>
	</body>
</html>
